﻿<template>
    <view class=" coreshop-margin-bottom-10 coreshop-padding-top-10 coreshop-padding-bottom-10 coreshop-bg-white">
        <u-grid :col="limit" :border="false">
            <u-grid-item v-for="(item, index) in ListData" :key="index" @click="showSliderInfo(item.linkType, item.linkValue)">
               <view class="coreshop-padding-bottom-10 coreshop-padding-top-10">
                   <u-icon 
										:name="item.image" 
										width="50" 
										height="50" 
										:label="item.text" 
										:labelSize="13" labelPos="bottom" 
										:top="25" space="10">
									</u-icon>
               </view>
            </u-grid-item>
        </u-grid>
    </view>
</template>

<script>
    export default {
        name: "coreshopData",
        components: {},
        props: {
            coreshopData: {
                // type: Object,
                required: true,
            }
        },
        data() {
            return {
                ListData: [],
                limit: 0,
                multiple: 0,
                count: 0,
                scrollPage: 1,
                scrollDot: 0,
            }
        },
        mounted() {

        },
        created() {
            this.ListData = this.coreshopData.parameters.list;
            this.limit = this.coreshopData.parameters.limit;
        },
        methods: {
        }
    }
</script>
